﻿.modal-box { width: 305px; border-radius: 10px; background: #fff; position: relative; left: 50%; transform: translateX(-50%); padding: 15px; z-index: 11111; }
.modal-box-head-bg { width: 100%; height: 105px; }
.modal-box-detail { width: 100%; text-align: center; }
.modal-box-detail-title1 { color: #46351b; font-size: 18px; font-weight: bold; }
.modal-box-detail-title2 { font-size: 14px; color: #999; padding-top: 10px; }
.modal-box-detail-title3 { color: #46351b; font-size: 18px; font-weight: bold; text-align: left; line-height: 18px; padding: 15px 0 15px 15px; }
.modal-box-detail-desc { font-size: 12px; line-height: 20px; color: #333; background: #f7f8fa; text-align: left; padding: 10px; }
.modal-box-detail-user-avatar { width: 80px; height: 80px; overflow: hidden; margin: 0 auto; margin-bottom: 20px; }
.modal-box-detail-user-name { font-size: 18px; font-family: PingFang SC; font-weight: bold; color: #845708; margin-bottom: 10px; }

.shopDesc { padding: 15px 0px 0px 0px; text-align: left; }
.shopDesc-shopName { margin-left: 10px; line-height: 20px; }
.shopDesc-get { margin-left: 10px; line-height: 20px; }

.agreement-checked-view { position: relative; padding: 10px 0px 10px 15px; display: flex; align-items: center; margin: 5px 0; font-size: 12px; }



.getCaptcha { background-color: rgb(253, 243, 208); color: $u-tips-color; border: none; font-size: 15px; padding: 6px 0;

    &::after { border: none; }
}
.wrap-content { width: 300px; margin: 40px auto 0; }
.wrap { font-size: 14px; }
.hint { padding: 10px 20px; font-size: 11px; color: $u-tips-color; }

.wrapkey { padding: 40px 35px; }
.box { margin: 15px 0; font-size: 15px; color: #555; }
.key-input { padding: 15px 0;
    text { display: none; }
    .error { display: block; color: red; font-size: 15px; margin: 10px 0; }
}

    .key-input .tips { font-size: 15px; color: #333; margin-top: 10px; margin-bottom: 30px; }
.captcha { color: $u-type-warning; font-size: 15px; margin-top: 20px;
    .noCaptcha { display: block; }
    .regain { display: block; }
}
